<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/mytemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>banhang</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="css/top.css"/>
<link rel="stylesheet" type="text/css" href="css/header.css"/>
<link rel="stylesheet" type="text/css" href="css/menutab.css"/>
<link rel="stylesheet" type="text/css" href="css/navigation.css"/>
<link rel="stylesheet" type="text/css" href="css/leftcontent.css"/>
<link rel="stylesheet" type="text/css" href="css/centercontent.css"/>
<link rel="stylesheet" type="text/css" href="css/rightcontent.css"/>
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
 <link rel="stylesheet" type="text/css" href="css/contact.css"/>
 <!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
 	<div class="main">
 		<!--Top: Start-->   
    	<div class="top">
    		<div class="language">
            	<div>Languages: </div>
                <a href="#"><img src="image/en.gif" alt="EN"/></a>
                <a href="#"><img src="image/de.gif" alt="DE"/></a>
            </div>   
            <div class="search">
            	<div class="search_text">
                	<a href="#"> AvandS</a>
                </div>
                    <input type="text" class="search_input" name="search" />
                    <input type="image" src="image/search.gif" class="search_bt"  />
               
            </div> 
               
        </div>
        <!--Top: end-->
        <!-- header: start -->
        <div class="header">
        	<div id="logo">
        	  <p><img src="image/logo.png" alt="image" /></p>
        	</div>
          <div class="slider">
            	<div class="top_devider"><img src="image/header_divider.png" alt="image" /></div>
            <div class="slide_content">
                	<div class="content">
                    	<img src="image/laptop.png" alt="image" class="slide_img" />
                   	  <div class="slide_details">
                        	<div class="slide_titels">SamSung GX 2000 LM </div>
                            <div class="slide_text">cong hoa xa hoi chu nghia viet nam doc lap tu do hanh phuc</div>
                        <a href="#" class="details">details</a>
                      </div>
                    </div>
                    <div class="clr"></div>
              <div class="bagination">
                   	  <span class="current">1</span>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <a href="#">5</a>
                        
                    </div>
                  <p>&nbsp;</p>
              </div>
                <div class="top_devider"><img src="image/header_divider.png" alt="image" /></div>
                
          </div>
        </div>
        	
        <!--header:end-->
        <div class="clr"></div><!--*xóa đi phần float left, float right*/--> 
        <!--content:start-->
        
        <div class="content">
        	<!--menu tap -->
        	<div id="menu_tap">
           	  <div class="left_menu_coner"></div>
                <ul class="menu">
                	<li ><a href="#" id="nav_hom">Home</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="nav_pro">Products</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="nav_spe">Specials</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="nav_acc">My Acount</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="nav_sig">Sign up</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="nav_shi">Shipping</a></li>
                    <li class="divider"></li>
                    <li><a href="#" id="nav_con">Contact us</a></li>
                    <li class="divider"></li>
                    <li class="curencies">Currencies
                    	<select>
                        	<option>Us dollar</option>
                            <option>Euro</option>
                        </select>
                    </li> 
                </ul>
                <div class="right_menu_coner"></div>
          		 
            </div>
          	<!--navigation-->
            <div class="navigation"><!-- InstanceBeginEditable name="navigation" --><div class="current">Navigation:<a href="index.php">Home </a>&raquo;<span class="current"> Contact Us</span></div><!-- InstanceEndEditable -->Navigation:<span class="current">Home</span>
            </div>
               
             <!--left content-->
             <div class="left_content">
                   <!--categorie-->
                     <div class="title_box">Categories</div>
                     <ul class="left_menu">
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Processors</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Processors</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Processors</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Processors</a></li>
                         <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Processors</a></li>
                        <li class="odd"><a href="#">Processors</a></li>
                        <li class="even"><a href="#">Processors</a></li>
                         <li class="odd"><a href="#">Processors</a></li>
                     </ul>
                 <!--special product-->
                   <div class="title_box">Special Product</div>
                     <div class="boder_box">
                        <div class="product_title"><a href="#">Motorola GX440</a></div>
                        <div class="product_image"><a href="#"><img src="image/laptop.png" alt="laptop" /></a></div>
                        <div class="product_price">
                            <span class="reduce">350$</span>
                            <span class="price">270$</span>
                         </div>
                     </div>
                 <!--newletter-->
                   <div class="title_box">Newletter</div>
                     <div class="boder_box">
                      <input type="text" name="newletters" class="newletters_input" value="Your Email" />
                      <a href="#" class="join">join</a>    
                     </div>
                   <!--banner-->
                    <div class="banner_adds">
                    <a href="#"><img src="image/bann2.jpg" alt="Banner" /></a>
                    </div>
            </div>
            <!--center content-->
            <!-- InstanceBeginEditable name="content" -->
            <div class="center_content">
            	<div class="center_title_bar">contact</div>
                <div class="prod_box_big">
                	 <div class="top_prod_box_big"></div>
                     <div class="center_prod_box_big">
                     	<div class="contact_form">
                        	<div class="form_row">
                            	<label class="contact"><strong>Tên:</strong></label>
                                <input class="contact_input" />
                            </div>
                            <div class="form_row">
                            	<label class="contact"><strong>Email:</strong></label>
                                <input class="contact_input" />
                            </div>
                            <div class="form_row">
                            	<label class="contact"><strong>Điện Thoại:</strong></label>
                                <input class="contact_input" />
                            </div>
                            <div class="form_row">
                            	<label class="contact"><strong>Công ty:</strong></label>
                                <input class="contact_input" />
                            </div>
                            <div class="form_row">
                            	<label class="contact"><strong>Tin Nhắn:</strong></label>
                                <textarea class="contact_textarea"></textarea>
                            </div>
                            <div class="form_row">
                            	 <a href="#" class="contact">send</a>
                                 
                            </div>
                        </div>
                     
                     </div>
                     <div class="bottom_prod_box_big"></div>
                </div>
            </div>
            
            <!-- InstanceEndEditable -->
            <!--right content-->
 	       <div class="right_content">
           		<!--shopping car-->
            	<div class="shopping_cart"> 
                	<div class="cart_title">Shopping cart</div>
                    <div class="cart_details">
                    	3 items<br />
                        <span class="border_cart"></span>
                        Total: <span class="price">350$</span>
                    </div>
                    <div class="cart_icon">
                    	<a href="#"><img src="image/shoppingcart.png" alt="checkout"/></a>
                    </div>
                
                </div>
               <!--what new-->
                 <div class="title_box">What's New</div>
                     <div class="boder_box">
                        <div class="product_title"><a href="#">Motorola GX440</a></div>
                        <div class="product_image"><a href="#"><img src="image/p2.gif" alt="laptop" /></a></div>
                        <div class="product_price">
                            <span class="reduce">350$</span>
                            <span class="price">270$</span>
                         </div>
                     </div>
                <!--Menufactures-->
                  <div class="title_box">Menufactures</div>
                 <ul class="left_menu">
                    <li class="odd"><a href="#">Sony</a></li>
                    <li class="even"><a href="#">SamSung</a></li>
                    <li class="odd"><a href="#">LG</a></li>
                    <li class="even"><a href="#">Motorola</a></li>
                    <li class="odd"><a href="#">Sanaky</a></li>
                    <li class="even"><a href="#">Beko</a></li>
                    <li class="odd"><a href="#">Philips</a></li>
                     
                 </ul> 
                 <!--banner-->
                   <div class="banner_adds">
                    <a href="#"><img src="image/bann1.jpg" alt="Banner" /></a>
                    </div>
            </div>
            
        </div>
        <!--Content end-->
        <div class="clr"></div><!--*xóa đi phần float left, float right*/--> 
        <!--footer-->
        <div class="footer">
        	<div class="left_footer">
        		<img src="image/footer_logo.png" alt="footer logo" />
        	</div>
            <div class="center_footer">
            	Template name.All Rights Reserver 2013 </br>
              	<a href="#"><img src="image/csscreme.jpg" alt="template" /></a></br>
                <img src="image/payment.gif" alt="pay" />
        
        	</div>
            <div class="right_footer">
        		<a href="#">Home</a>
                <a href="#">about</a>
                <a href="#">sitemap</a>
                <a href="#">css</a>
                <a href="#">contact us</a>
        	</div>
        </div>
        
    </div>
    
</body>
<!-- InstanceEnd --></html>
